
/**
 * 
 * @param {*} obj 盒子
 * @param {*} scroll 滚动盒子
 * @param {*} num 默认值
 * @param {*} fun 回调函数
 */
function scrollBox(obj, scroll, num, fun) {
    //IScroll会获取容器内的第一个子元素进行滚动，其它子元素会被忽略，且该子元素（scroller）必须有固定的高度（或宽度），在这里，即ID为scroller的元素可以滚动  
    var myScroll = new IScroll(obj, {
        mouseWheel: true, //鼠标滚轮支持  
        scrollbars: true, //滚动条支持  
        scrollY: true, //滚动方向（垂直）  
        scrollX: false, //滚动方向（水平）  
        bounce: true, //边界时的反弹动画，默认true  
        click: false, //IScroll默认禁止了点击事件，如需绑定点击事件，请将该参数值设为true  
        freeScroll: false, //当需要执行两个纬度上的滚动时（即横向、纵向都开启），设置该参数，默认为false  
        startX: 0, //滚动条开始的位置（横坐标）  
        startY: 0, //滚动条开始的位置（纵坐标）  
        tap: true, //设置为true时，允许为用户点击或者触摸（并没有滚动时）触发一个自定义事件，或者设置值为一个自定义事件名称的字符串  
        snap: 'li' //对齐（根据元素li对齐切割整个容器）  
    });
    // console.log(myScroll.options); //通过options对象访问myScroll实例的配置信息  

    //给li绑定点击事件  
    // $(myScroll).on('click', 'ul li', function () {
    //     console.log($(this).html());
    // })

    //绑定tap自定义事件  
    myScroll.on('scrollStart', function () {
        $(".fixed-tit .reset").removeClass("c-d9d9d9");
        // console.log('开始滚动了');
    })

    myScroll.scrollTo(0, -250); //控制滚动条到任意的位置  

    // myScroll.scrollBy(0, -10); //从当前位置向下滚动10个像素  

    //滚动到该元素的位置，第二个参数为时间，第三个第四个参数为偏移量（如果设置这两个参数为true，该元素将会显示在容器的中间）  
    // myScroll.scrollToElement('#a', 1000, 0, 0);

    //关于snap对齐后操作的方法  
    myScroll.goToPage(0, num, 1000); //滚动到对齐后的第五页（即第五个li的位置）  
    myScroll.next(); //当前位置的下一页  
    myScroll.prev(); //当前位置的上一页  

    //IScroll需要知道容器确切的尺寸，如果容器大小发生了变化，需要使用刷新方法  
    myScroll.refresh();

    //自定义事件  
    myScroll.on('scrollEnd', function () {
        // console.log("触发结束回调");
        fun(this);
        // $("#js-person-num").removeClass("c-d9d9d9");
    })

    return myScroll;
}
